<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>tooltip</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="fa/css/font-awesome.css">
</head>
<body>
	<nav>
		<ul>
			<li>
				<a href="#">Home</a>
				<span class="tooltip-content tooltip-one">
					<img src="images/tooltip.png" alt="">
					<i class="fa fa-home"></i>
				</span>
			</li>
			<li><a href="#">About me</a><span class="tooltip-content tooltip-two">
					<img src="images/tooltip.png" alt="">
					<i class="fa fa-user"></i>
				</span></li>
			<li><a href="#">Photograpy</a><span class="tooltip-content tooltip-three">
					<img src="images/tooltip.png" alt="">
					<i class="fa fa-camera"></i>
				</span></li>
			<li><a href="#">Work</a><span class="tooltip-content tooltip-four">
					<img src="images/tooltip.png" alt="">
					<i class="fa fa-briefcase"></i>
				</span></li>
			<li><a href="#">Contact</a><span class="tooltip-content tooltip-five">
					<img src="images/tooltip.png" alt="">
					<i class="fa fa-envelope"></i>
				</span></li>
		</ul>
	</nav>
</body>
</html>